html{
    font-size: 100px;
    width: 100%;
}
body{
    background-color: darkgray;
    margin: 0rem;
    padding: 0px;
    width: 100%;

}
header{
    list-style-type: none;
    margin: 0rem 0rem;
    height: 0.5rem;
    background-color: white

}
.wrapper{
    width: 1rem;
    margin: 0 auto;
}

.user__image{
    align-content: center;
    position: relative;
    background-color: lightgray;
}
.user__img{
    /* margin-top: .1rem; */
    height: 1rem;
    width: 1rem;
    margin: 0 auto;
}
.user__img img{
    width: 100%;
    height: 100%;
    margin-top: .1rem;
}

.user__proverb,.user__signature{
    height: .22rem;
    line-height: .22rem;
    font-size: .12rem;
    text-align: center;
}
.user__signature {
    margin-top: .2rem;
}
.myself-context{
    margin-top: .1rem;
}
.total{

    margin: 0;
    padding: 0;
    height: 4.5rem;
    width: 70%;

    margin-top: .1rem;
    margin-left: 15%;
    position: relative;
}
.left{
    display: inline-block;
    float: right;
    width: 30%;
    padding: 0;
    height: 4.5rem;
    margin-right: 1%;
    margin-top: 1%;
    position: relative;


}
.right{
    display: inline-block;
    float: bottom;
    padding: 0;
    width: 69%;
    height: 4.5rem;
    margin-top: 1%;

}
.angle{
    border: white .02rem solid ;
    border-radius: .1rem;
}
.school-msg{
    height: 1.5rem;
    background-color: white;
    margin-bottom: .1rem;

}
.medal-msg{
    height: 2.9rem;
    background-color: white;
}
/*个人导航栏*/
.conduction-msg{
    height: .5rem;
    background-color: white;
    margin-bottom: .1rem;
}
.dir-msg{
    height: 3.8rem;
    background-color: white;
    position: relative;
}
.active:hover ,.previous:hover{
    color: #2aabd2;
}
iframe{
    overflow-x: hidden;
    overflow-scrolling: unset;
}